.user-box {
    margin-top: 88px;
    background: #F7F7F7;
    .user-info {
        width: 94%;
        margin: 20px 3%;
        height: 230px;
        background: linear-gradient(90deg, #eb3c3c, #ff7459);
        box-shadow: 0 2px 5px rgba(255, 98, 98, .4);
        @include borderRadius(12px);
        .info {
            position: relative;
            display: flex;
            width: 100%;
            height: 100%;
            padding: 50px 30px;
            @include boxSizing;
            img {
                width: 120px;
                height: 120px;
            }
            div {
                display: flex;
                flex-direction: column;
                margin-left: 20px;
                line-height: 40px;
                font-size: 28px;
                color: #fff;
                .name {
                    color: hsla(0, 0%, 100%, .7);
                    font-size: 26px;
                    padding: 5px 0;
                }
                span {
                    &:nth-child(1) {
                        color: #999;
                        font-size: 26px;
                    }
                }
            }
            .account-management {
                position: absolute;
                top: 20px;
                right: 40px;
                font-size: 26px;
                color: rgba(76, 0, 0, .7);
                .iconfont {
                    padding-right: 10px;
                    font-size: 28px;
                    color: rgba(76, 0, 0, .7);
                }
            }
        }
    }
    .user-menu {
        display: flex;
        justify-content: space-around;
        width: 100%;
        height: 150px;
        background: #fff;
        .menu-item {
            display: flex;
            flex-direction: column;
            flex: 1;
            height: 100px;
            text-align: center;
            margin: 25px 0;
            .iconfont {
                font-size: 50px;
                color: #DD9E58;
                &.icon-money {
                    font-size: 44px;
                    padding-top: 6px;
                }
                &.icon-icon1 {
                    @extend .icon-money;
                    color: $red;
                }
            }
            span {
                padding-top: 10px;
                font-size: 24px;
                color: #000;
            }
        }
    }
    .user-fork {
        margin: 30px 0;
        @extend .user-menu;
        .fork-item {
            display: flex;
            flex-direction: column;
            flex: 1;
            height: 100px;
            margin: 30px 0;
            text-align: center;
            i {
                font-style: normal;
                font-weight: bold;
                padding: 10px 0;
                font-size: 28px;
            }
        }
    }
}